body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.1875;
    margin: 0;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 0;
}

#Frame {
    background-color: transparent;
    background-image: none;
    border: 0px solid #CCCCCC;
    box-sizing: border-box;
    display: grid;
    font-size: 0;
    grid-template-areas: "TOP TOP TOP TOP" "TAB TAB TAB TAB" "TIME UNIX UNIX BUTTON2" "TEXT TEXT TEXT TEXT" "BOTTOM BOTTOM BOTTOM BOTTOM";
    grid-template-columns: 120px 1fr 1fr 96px;
    grid-template-rows: auto auto auto auto auto;
    margin: 0;
    padding: 0;
}

    #Frame .TOP {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: TOP;
        justify-content: space-around;
        padding: 10px 5px 10px 5px;
    }

    #Frame .TAB {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: TAB;
        justify-content: space-around;
        padding: 0 5px 0 5px;
    }

    #Frame .TIME {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #D3D3D3;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: TIME;
        justify-content: flex-start;
        padding: 5px 0 0 5px;
    }

    #Frame .UNIX {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: UNIX;
        justify-content: space-around;
        padding: 5px 0 0 0;
    }

    #Frame .BUTTON2 {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: BUTTON2;
        justify-content: flex-start;
        padding: 5px 5px 0 0;
    }

    #Frame .TEXT {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: TEXT;
        justify-content: space-around;
        padding: 0 5px 0 5px;
    }

    #Frame .BOTTOM {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: BOTTOM;
        justify-content: space-around;
        padding: 10px 5px 0 10px;
    }

#Picture {
    background-color: transparent;
    background-image: none;
    border: 0px solid #CCCCCC;
    box-sizing: border-box;
    display: grid;
    font-size: 0;
    grid-template-areas: "FILE_INSIDE FILE_INSIDE" "PIC LOAD";
    grid-template-columns: 1fr 70px;
    grid-template-rows: auto 28px;
    margin: 0;
    padding: 0;
}

    #Picture .FILE_INSIDE {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: FILE_INSIDE;
        justify-content: space-around;
        padding: 0 0 2px 0;
    }

    #Picture .PIC {
        align-content: flex-start;
        align-items: flex-start;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: PIC;
        justify-content: flex-start;
        padding: 0;
    }

    #Picture .LOAD {
        align-content: center;
        align-items: center;
        background-color: transparent;
        background-image: none;
        border: 0px solid #FFFFFF;
        border-radius: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        grid-area: LOAD;
        justify-content: flex-end;
        padding: 0;
    }

#PictureUpload * {
    box-sizing: border-box;
}

#PictureUpload {
    border-collapse: separate;
    display: table;
    margin: 0;
}

    #PictureUpload .form-control {
        background-color: #FFFFFF;
        background-image: none;
        border: 1px solid #D3D3D3;
        border-radius: 0px;
        color: #555555;
        display: block;
        font-family: Arial;
        font-size: 8px;
        font-style: normal;
        font-weight: normal;
        height: 28px;
        line-height: 20px;
        padding: 4px 4px 4px 4px;
        width: 100%;
    }

    #PictureUpload .form-control {
        float: left;
        margin-bottom: 0;
        position: relative;
        width: 100%;
        z-index: 2;
    }

    #PictureUpload label {
        display: inline-block;
        font-weight: 700;
        margin-bottom: 5px;
    }

    #PictureUpload .input-group-btn,
    #PictureUpload .form-control {
        display: table-cell;
    }

    #PictureUpload :first-child.form-control,
    #PictureUpload :first-child.input-group-btn > .btn,
    #PictureUpload :first-child.input-group-btn > .btn-group > .btn,
    #PictureUpload :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn,
    #PictureUpload :last-child.input-group-btn > :not(:last-child).btn-group > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    #PictureUpload .input-group-btn {
        font-size: 0;
        position: relative;
        vertical-align: middle;
        white-space: nowrap;
        white-space: nowrap;
        width: 1%;
    }

    #PictureUpload .btn {
        background-color: #428BCA;
        background-image: none;
        border: 1px solid #357EBD;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: Arial;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        font-weight: normal;
        height: 28px;
        line-height: 20px;
        margin-bottom: 0;
        padding: 4px 8px 4px 8px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }

    #PictureUpload .input-group-btn > .btn {
        position: relative;
    }

#PictureUpload-file:disabled ~ .btn {
    background-color: #e9ecef;
    border-color: #D3D3D3;
    color: #D3D3D3;
    pointer-events: none;
}

#PictureUpload :last-child.form-control,
#PictureUpload :last-child.input-group-btn > .btn,
#PictureUpload :last-child.input-group-btn > .btn-group > .btn,
#PictureUpload :first-child.input-group-btn > :not(:first-child).btn,
#PictureUpload :first-child.input-group-btn > :not(:first-child).btn-group > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#PictureUpload :last-child.input-group-btn > .btn,
#PictureUpload :last-child.input-group-btn > .btn-group {
    margin-left: -1px;
}

#PlainText {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    overflow: auto;
    padding: 4px 4px 4px 4px;
    resize: none;
    text-align: left;
}

    #PlainText:focus {
        border-color: #66AFE9;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
        outline: 0;
    }

#SelectTime {
    background-color: #FFFFFF;
    background-image: none;
    border: 0px solid #CCCCCC;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 4px 4px 4px 4px;
}

    #SelectTime:focus {
        border-color: #66AFE9;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
        outline: 0;
    }

#Encryption {
    -webkit-appearance: none;
    background-color: #3370B7;
    background-image: none;
    border: 1px solid #2E6DA4;
    border-radius: 0px;
    box-sizing: border-box;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    margin: 0;
    padding: 1px 6px 1px 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

#Encryption:focus {
    outline: 0;
}

#CipherText {
    background-color: #F5F5F5;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    box-sizing: border-box;
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    overflow: auto;
    padding: 4px 4px 4px 4px;
    resize: none;
    text-align: left;
}

    #CipherText:focus {
        border-color: #66AFE9;
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
        outline: 0;
    }

#wb_Heading1 {
    background-color: transparent;
    background-image: none;
    border: 0px solid #000000;
    border-radius: 0px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
}

#Heading1 {
    color: #000000;
    font-family: Arial;
    font-size: 29px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    text-align: center;
}

#wb_Heading2 {
    background-color: transparent;
    background-image: none;
    border: 0px solid #000000;
    border-radius: 0px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
}

#Heading2 {
    color: #000000;
    font-family: "Courier New";
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    text-align: left;
}

#Tabs.ui-widget {
    font-size: 1em !important;
}

#Tabs {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 4px 4px 4px;
}

    #Tabs .ui-tabs-nav {
        font-family: Arial;
        font-size: 0;
        font-weight: normal;
        line-height: 1.0;
        margin: 0;
        padding: 4px 4px 0 4px;
        text-align: center;
    }

        #Tabs .ui-tabs-nav li {
            display: inline-block;
            float: none;
            font-family: Arial;
            font-style: normal;
            font-weight: normal;
            margin: 0 2px -1px 0;
            text-align: center;
        }

            #Tabs .ui-tabs-nav li a {
                font-size: 13px;
                padding: 8px 10px 8px 10px;
            }

    #Tabs,
    #Tabs .ui-corner-all,
    #Tabs .ui-corner-top {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

        #Tabs,
        #Tabs .ui-corner-all,
        #Tabs .ui-corner-bottom {
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

            #Tabs .ui-widget-header {
                background-color: #E9E9E9;
                background-image: none;
                border: 1px solid #DDDDDD;
            }

            #Tabs .ui-state-default,
            #Tabs .ui-widget-content .ui-state-default {
                background-color: #F6F6F6;
                background-image: none;
                border-color: #C5C5C5;
            }

            #Tabs .ui-state-hover,
            #Tabs .ui-widget-content .ui-state-hover {
                background-color: #EDEDED;
                background-image: none;
                border-color: #CCCCCC;
            }

            #Tabs .ui-state-active,
            #Tabs .ui-widget-content .ui-state-active {
                background-color: #3370B7;
                background-image: none;
                border-color: #2E6DA4;
            }

            #Tabs .ui-state-default a,
            #Tabs .ui-widget-content .ui-state-default a {
                color: #454545;
            }

            #Tabs .ui-state-hover a,
            #Tabs .ui-widget-content .ui-state-hover a {
                color: #2B2B2B;
            }

            #Tabs .ui-state-active a,
            #Tabs .ui-widget-content .ui-state-active a {
                color: #FFFFFF;
            }

            #Tabs .ui-widget-content {
                font-size: 0;
                text-align: center;
            }

            #Tabs .ui-tabs-panel {
                overflow: auto;
                padding: 0;
            }

            #Tabs .description {
                font-size: 13px;
                font-style: normal;
                font-weight: normal;
            }

#Button1 {
    -webkit-appearance: none;
    background-color: #008B8B;
    background-image: none;
    border: 0px solid #D3D3D3;
    border-radius: 0px;
    box-sizing: border-box;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 26px;
    margin: 0;
    padding: 1px 6px 1px 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

#Button1:focus {
    outline: 0;
}

#wb_Heading3 {
    background-color: transparent;
    background-image: none;
    border: 0px solid #000000;
    border-radius: 0px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: right;
    vertical-align: top;
}

#Heading3 {
    color: #000000;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    text-align: right;
}

#CipherText {
    display: block;
    height: 100px;
    width: 100%;
    z-index: 9;
}

#Button1 {
    display: inline-block;
    height: 28px;
    width: 70px;
    z-index: 2;
}

#PictureUpload {
    display: table;
    height: 28px;
    width: 100%;
    z-index: 1;
}

#PlainText {
    display: block;
    height: 300px;
    width: 100%;
    z-index: 4;
}

#Encryption {
    display: inline-block;
    height: 28px;
    width: 91px;
    z-index: 8;
}

#Tabs {
    display: inline-block;
    width: 100%;
    z-index: 5;
}

#wb_Heading2 {
    display: inline-block;
    width: 100%;
    z-index: 10;
}

#wb_Heading3 {
    display: inline-block;
    width: 100%;
    z-index: 6;
}

#PictureUpload-file {
    display: none;
}

#SelectTime {
    display: block;
    height: 28px;
    width: 100%;
    z-index: 7;
}

#wb_Heading1 {
    display: inline-block;
    width: 100%;
    z-index: 0;
}

.FILE_INSIDE img {
    height: auto;
    width: 100%;
}